<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="80"
    height="80"
    viewBox="0 0 80 80"
    fill="none"
  >
    <g opacity="1" transform="translate(0 0)  rotate(0)">
      <mask id="mask-0" fill="white">
        <path d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"></path>
      </mask>
      <g mask="url(#mask-0)">
        <path
          id="矩形 5"
          fill-rule="evenodd"
          :style="{ fill: props.backgroundColor }"
          opacity="1"
          d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"
        ></path>
      </g>
      <g mask="url(#mask-0)">
        <g opacity="1" transform="translate(18 23)  rotate(0)">
          <path
            id="并集"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="0.1"
            d="M40.9729,23.05c-0.02,1.28 -1.07,2.31 -2.36,2.31h-28.3398c-1.29002,0 -2.34001,-1.03 -2.36001,-2.31v-20.75c0.02,-1.28 1.06999,-2.3 2.36001,-2.3h28.3698c1.29,0 2.34,1.02 2.36,2.31v20.74zM18.9937,5.03882c-0.1663,-0.08254 -0.3534,-0.12882 -0.5507,-0.12882l-1.25,0.01c-0.1877,0 -0.3663,0.0427 -0.5265,0.11882zM26.4201,5.03882c-0.1678,-0.08254 -0.357,-0.12882 -0.5571,-0.12882h-1.24v0.01c-0.1905,0 -0.3704,0.0427 -0.5309,0.11882zM34.5129,28.5c0.94,0 1.68,1.04 1.7,2.31c0.02,1.26 -0.76,2.3 -1.68,2.3h-20.1598c-0.92,0 -1.68,-1.04 -1.68,-2.3c0,-1.27 0.76,-2.31 1.68,-2.31z"
          ></path>
          <path
            id="路径 1"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="1"
            d="M26.5999,31.3794c0.94,0 1.68,1.04 1.7,2.31c0.02,1.26 -0.76,2.3 -1.68,2.3h-20.15993c-0.92,0 -1.68,-1.04 -1.68,-2.3c0,-1.27 0.76,-2.31 1.68,-2.31zM33.0598,25.9294c-0.02,1.28 -1.07,2.31 -2.36,2.31h-28.33981c-1.29,0 -2.33999,-1.03 -2.35999,-2.31v-20.75006c0.02,-1.28001 1.06999,-2.30001 2.35999,-2.30001h28.36981c1.29,0 2.34,1.02 2.36,2.31001v20.74006zM8.03996,9.03934v12.90996c0,0.6801 0.56,1.23 1.23999,1.23h1.24995c0.68,0 1.24,-0.5499 1.24,-1.23v-12.91996c0,-0.69 -0.56,-1.24 -1.24,-1.24l-1.24995,0.01c-0.67999,0 -1.23999,0.56 -1.23999,1.24zM15.4699,9.03934v12.90996c0,0.6801 0.55,1.23 1.24,1.23h1.24c0.69,0 1.25,-0.5499 1.25,-1.23v-12.91996c0,-0.69 -0.56,-1.24 -1.25,-1.24h-1.24v0.01c-0.69,0 -1.24,0.56 -1.24,1.24zM22.8899,13.3393v8.61c0,0.6801 0.56,1.2401 1.25,1.2401h1.24c0.69,0 1.25,-0.56 1.25,-1.2401v-8.62c0,-0.68 -0.56,-1.24 -1.25,-1.24h-1.24v0.02c-0.69,0 -1.25,0.55 -1.25,1.23z"
          ></path>
          <path
            id="矩形 3"
            fill-rule="evenodd"
            style="fill: #ffffff"
            opacity="1"
            d="M9.91325 23.7585L10.2333 23.7585C11.3334 23.7585 12.2334 22.8585 12.2334 21.7585L12.2334 9.19855C12.2334 8.09855 11.3334 7.19855 10.2333 7.19855L9.91325 7.19855C8.81316 7.19855 7.91309 8.09855 7.91309 9.19855L7.91309 21.7585C7.91309 22.8585 8.81316 23.7585 9.91325 23.7585Z"
          ></path>
          <path
            id="矩形 3"
            fill-rule="evenodd"
            style="fill: #ffffff"
            opacity="1"
            d="M17.1076 23.7585L17.4276 23.7585C18.5277 23.7585 19.4278 22.8585 19.4278 21.7585L19.4278 9.19855C19.4278 8.09855 18.5277 7.19855 17.4276 7.19855L17.1076 7.19855C16.0075 7.19855 15.1074 8.09855 15.1074 9.19855L15.1074 21.7585C15.1074 22.8585 16.0075 23.7585 17.1076 23.7585Z"
          ></path>
          <path
            id="矩形 3"
            fill-rule="evenodd"
            style="fill: #ffffff"
            opacity="1"
            d="M24.297 23.7577L24.6171 23.7577C25.7172 23.7577 26.6172 22.8577 26.6172 21.7577L26.6172 13.5177C26.6172 12.4177 25.7172 11.5177 24.6171 11.5177L24.297 11.5177C23.1969 11.5177 22.2969 12.4177 22.2969 13.5177L22.2969 21.7577C22.2969 22.8577 23.1969 23.7577 24.297 23.7577Z"
          ></path>
        </g>
      </g>
    </g>
  </svg>
</template>
<script setup lang="ts" name="BACKUPSvg">
const props = defineProps({
  color: {
    type: String,
    required: false
  },
  backgroundColor: {
    type: String,
    required: false
  }
});
</script>
